<template>
	<div class="card-confirm-order-store">

		<div class="form-info">
			<div class="choose-info-item" @click='chooseStore'>
				<div class="left">服务门店：</div>
				<div class="right store store-user" v-if='storeinfo'><b>{{storeinfo}}</b></div>
			</div>
		</div>
		

	</div>
</template>
<script>
	export default {
		/*data() {
				return {
					storeinfos: ''	
				}
			},*/
			props: {
				/*storeinfo:{
					type:String,
					default:function(){
						return {};
					}
				},*/
				storeinfo:{
					type:String,
					default:''
				}
			},
			methods: {
				chooseStore:function(){
				}
			},
			ready: function() {
				//console.log(storeinfo.storeName,121312312);
				//this.storeinfos = this.storeinfo;
				/*var self = this;
				
				if(!self.storeinfo){
                	sessionStorage.setItem('storename', '');
				}else{
					var val =self.storeinfo.storeName ;
                	sessionStorage.setItem('storename', val);
				}*/
                 
			}
	}
</script>
<style lang="scss" scoped>
	@import "../../assets/css/_functions.scss";
	@import "../../assets/css/_variables.scss";
	
	.card-confirm-order-store {
		font-size: rem(14);
		color: #333;
		margin:0 rem(20);
		.form-info{
			background: #fff;
			font-size: rem(14);
			color: #333;
			.item{
				display: flex;
				align-items: center;
				width: rem(375);
				height: rem(44);
				border-bottom: 1px solid #dedede;
			}
			.choose-info-item{
				display: flex;
				align-items: center;
				justify-content:flex-start;
				/*width: rem(375);*/
				height: rem(55);
				border-bottom: 1px solid #c9d5e0;
				.left{
					padding-right: rem(5);
				}
				.right{

					b{
						font-weight: normal;
					}
					span{
						color: #c7c7cc;
						font-size: rem(14);
					}
				}
				.store{
					color: #8392A0;
					width:rem(250);
					text-align:right;
				}
			}
		}
		
	}
	
	
</style>